<template>
  <!-- 参数设置 -->
  <div>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span style="float:left">店铺订单抽佣比例</span>
      </div>
      <div>
      <span class="cont" style="float:left">
        抽佣比：
      </span>
      <el-input v-model="ratio[0].storeRatio"></el-input>
      <span style="float:left">%</span>
      </div>
    </el-card>
  </div>

<div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span style="float:left">用户素材收佣比例
        </span>
      </div>
      <div>
      <span class="cont" style="float:left">
        抽佣比：
      </span>
      <el-input v-model="ratio[0].userRatio"></el-input>
      <span style="float:left">%</span>
      </div>
    </el-card>
  </div>
  <el-button type="primary" size="medium ">保存</el-button>
  </div>

</template>

<script>
import {setParam} from '@/api/system'
export default {
  created(){
    this.setParam()
  },
  data () {
    return {
      ratio:[],
    }
  },
  methods: {
    // 渲染数据
    async setParam () {
      this.ratio = await setParam()
    }
  }
}
</script>

<style>
   .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 900px;
    height: 180px;
    margin-bottom: 10px;
    /* margin: 0 150px 0 20px; */
  }
  .clearfix{
    height: 40px;
    line-height: 40px;
  }

  .el-input{
    width: 50px;
    float:left;
    margin:auto 6px;
  }
  .el-input__inner{
    color:rgb(226, 98, 47);
    padding: 0 4px;
    text-align: center;
  }
  .el-main[data-v-13877386]{
    line-height: 45px;
  }

  .el-button{
    float:left;
    margin: 10px;
  }

  .cont{
    margin-left: 20px;
  }
</style>
